@import "~scss/variables";

.sw-cms-section-config {
    padding: 25px;

    .sw-media-compact-upload-v2 {
        margin-bottom: 22px;
    }

    .sw-media-upload-v2 .sw-media-upload-v2__dropzone {
        border: 1px solid $color-gray-300;
    }
}

.sw-cms-section-config__quickactions-list {
    display: grid;
    grid-template-columns: 50% 50%;
    list-style: none;
    border-bottom: 1px solid $color-gray-300;
    padding-bottom: 24px;
    margin-bottom: 16px;

    &.is--disabled {
        .sw-cms-section-config__quickaction {
            cursor: not-allowed;
            opacity: 0.3;

            &.is--danger .mt-icon {
                color: $color-crimson-200;
            }

            &.is--danger:hover {
                color: $color-menu-start;
            }

            .mt-icon {
                color: $color-shopware-brand-200;
            }

            &:hover {
                color: $color-menu-start;
            }
        }
    }

    .sw-cms-section-config__quickaction {
        cursor: pointer;

        &.is--danger {
            .mt-icon {
                color: $color-crimson-500;
            }

            &:hover {
                color: $color-crimson-500;
            }
        }

        &:hover {
            color: $color-shopware-brand-500;
        }
    }

    .mt-icon {
        color: $color-shopware-brand-500;
        margin-right: 20px;
        position: relative;
        top: -2px;
    }
}
